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What is geospatial data? 


e data or information identifies the 
geographic location of features 
on Earth 


e natural or constructed features 


e usually stored as coordinates 
and topology 


e often accessed, manipulated or 
analyzed through Geographic 
Information Systems (GIS) 
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Spatial analysis 


One of the first map- 
based spatial analysis 


Created in 1854 
Map by Dr. John Snow 


London cholera cases 
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Geometry - Data Types 


Vector datasets 

e Points, lines, polygons 
Raster datasets 

e Imagery, coverage 
Geometries stored with 


e Content, attributes, 


EX Coordinates, data projection 





27 October, 2011 e Wellington e Rainer Spittel 


Thursday, 3 November 2011 


Map Sources - How to publish 
them? 


Clients 


Lo 
(D 
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S. 
CH 
(D 
un 


Metadata File-based Database 
(Shapefiles) (PostGIS) 
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Map Sources - Web Services 


Open GeoSpatial Consortium (ISO/TC 211) 
e Web Map Services (WMS) 

e Web Feature Services (WFS) 

e Web Services for Catalog 

e GML, KML 

e and others 

e Web Map Service Tile Cached (WMS-C) 
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Map Layers 


Context Layers oa 


Google Maps 
OpenStreetMap 
Bing Maps 


Vendor map services (i.e., ES 
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Open Source projects 


OSGeo project stack: 
e UMN Mapserver 
e GeoServer 
e GeoWebCache 
e PostgreSQL / PostGIS 
e GeoNetwork 
e OpenLayers 


e and many more 
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Open Source projects 


Clients 


SADIALIS 


t 
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Metadata File-based Database 
(Shapefiles) (PostGIS) 


t 
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Bring it all together 


SilverStripe CMS 


SilverStripe GeoViewer 


e Manage map and configure OpenLayers with the CMS 

e Add mapping capability to any page type 

e Support open standards and provide a re-usable solution 
e Ability to participate in NZ GeoSpatial Strategy 
SilverStripe GeoCatalog 


e Manage metadata and make it easy accessible for users 


s human beings, as well as other services 
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SilverStripe GeoViewer 


Used in several production sites 


e OS2020 (http:/ /www.os2020.org.nz/) 


s Integrating: UMN Mapserver, ESRI ArcGIS, PostgreSQL/PostGIS, 
GeoNetwork, custom web services. 


e Marine Biosecurity Porthole Portal (http://marinebiosecurity.org.nz/) 


* Integrating: UMN Mapserver, PostgreSQL/PostGIS, GeoNetwork 


e LINZ Metadata catalog (http://geodata.govt.nz/) 
s Integrating: GeoNetwork, OpenStreetMap 


e Australian government department website 


e Integrating: PostgreSQL/PostGIS, GeoServer 
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SilverStripe GeoViewer 


Fully customisable module, supported various web 
services 
e OGC WMS and WFS (GeoServer custom), and flat files (KML,GML) 


e Vendor map services (Google Maps, OpenStreetMap, others) 
e Vector Style manageable via the CMS backend 

e Vector Info bubble customisable 

e Manage Layer groups and categories 

e Extendable for any page time 


e Embrace excellent user experience, custom business logic create fast 
apps. 
?/Separateodata/providersifrom:website managers and content editors 1? 
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GeoViewer - Domain Model 


Fe T 


FeatureTypeTemplate 


« «extension» > 
MapPageDecorator 


. Layer GeoserverWFS 


-OutputFormat « «extension» > 


MapControllerExtension 


MapPagePresenter 
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GeoViewer - Installation 


Install GeoServer locally on port 8080 


Check out your SS 2.4 project with Blackcandy 
theme 


C 

d 

run dev/build 

og Intro CMS and preview demo pages. 14 
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GeoViewer - Backend / 
Frontend 


Home » GeoViewer 


localhost C dÄ. geospatial catalog Q 


Home 


Copyright © 2007-2011 | Powered by SilverStripe Open Source CMS 
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GeoViewer - Backend / 
Frontend 


SilverStripe CMS | Pages 


SilverStripe CMS | Pages x L) SilverStripe CMS | Pages x | + | 


localhost / > 


Create | Search | Batch Actions | 


Show: | All items Z 


Allow drag & crop reordering 


ÀJ Geoviewer 
..] Home 
LÌ About Us 
|.] Contact Us 








Page view: SüwwStipe CMS- Logged in ss Default Admin | Profile | Logout © 
- xo 
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GeoViewer - Backend / 
Frontend 


SilverStripe CMS | Pages 


SilverStripe CMS | Pages x L) SilverStripe CMS | Pages x | + | 


4. > |] localhost/ssgeoviewer/admir D, co ` A8. geospatial catalog Q f 


Pages Fiies&images Comments Reports Security Feature Types Map MapSources Help 


Create | Search | Batch Actions | 


Show: | All items Z 


Allow drag & crop reordering 


ÀJ Geoviewer 
..] Home 
LÌ About Us 
|.] Contact Us 








Page view: SüwwStipe CMS- Logged in ss Default Admin | Profile | Logout © 
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GeoViewer - Backen 
Frontend 


SilverStripe CMS | Pages 


SilverStripe CMS | Pages X N SilverStripe CMS | Pages x | + 


ad |» |||! localhost/ssgeoviewer/admir pen aspatial catalog Q f 


p VV———É— ye 
Pages Fiies&images Comments Reports Securi ; Feature Types Map MapSources Help 


Create | Search | Batch Actions | 
Show: | All items 


Allow drag & crop reordering 
ÀJ Geoviewer 

..] Home 

L] About Us 

|.] Contact Us 


Savo 








Page view: SüwwStipe CMS- Logged in ss Default Admin | Profile | Logout © 
"ue xo 
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GeoViewer - Backend / 
Frontend 


Home » GeoViewer x SilverStripe CMS | Pages x _ New York - Map Demo » GeoVie 


ocalhost Mv e ` A8. geospatial catalog 


New York - Map Demo LL 
M Le F 

Overlays PI WL) Ze sr, 

Points of Interests , | ZLI te 


v! New York Point of Interests Demo 
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GeoViewer - Backend / 
Frontend 


GeoViewer 


Home » GeoViewer Xx | SilverStripe CMS | Pages ESL New York - Map Demo » GeoVie 


localhost Mv c ` A8. geospatial catalog 


New York - Map Demo 


Overlays [7 Jar, /7 
L/ 


Set 
Points of Interests ; Ze 
v! New York Point of Interests Demo ES AL DALL) 


E 


+5 


pu vz 

= 

me a 
S A ee aan B M 


New York - Point of Interests - Demo 

Features: poi.4 

same lox 
5 s/22037854-T1.)p 
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GeoViewer - Backend / 
Frontend 


Home » GeoViewer x SilverStripe CMS | Map Sources X IL. Google Maps - Demo » GeoVie 


ocalhost Mv c ` A8. geospatial catalog 


Google Maps - Demo 


Overlays 

Points of Interests 

v! Google Maps New York Point of 
Interests 


New York 
Tu 


M 
N 


© 


T 


é om 
e" 
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GeoViewer - Backend / 
Frontend 


SilverStripe CMS | Pages 


Home » GeoViewer : N SilverStripe CMS | Pages x | + | 


localhost / 5 


Behavior To-do Accoss 


Create | Search | Batch Actions | 


Show: | All items > Main | Metadata 


Allow drag & crop reordering Map Selection 


@ Geoviewor Default OpenLayers Map 


^ 
D — Google-Maps - Demo 
About Us 


|.] Contact Us 


Delete from the draft sito | Save | Save and Publish | 








Page view: | CMS | Draf Site SiverStripe CMS- Logged in ss Default Admin | Profile | Logout. ® 
- e» 
7 a D Valla Fa Ç C "4 2( ) 
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GeoViewer - Backend / 
Frontend 


SilverStripe CMS | Map Sources 


Home » GeoViewer x | SilverStripe CMS | Map Sources RH Google Maps - Demo » GeoVie... Xx j + | 
localhost/s H c ` A8. geospatial catalog 


(Oe CT EEN TR Map Sources Mal. + 


Search for- | Layer Google Map 


Add 


Create ‘Layer Googie Map’ 


Search 
Enabled 
Tto 
Type 
Mao Tte 


Layer Category Tite 


Browse 


Clear Database before 
import 


http: / /localhost/ssgeoviewer/admin/mapsources /Layer GCoogleMap/ 3 / edit 
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GeoViewer - Backend / 
Frontend 


SilverStripe CMS | Map Sources 


Home » GeoViewer * |.) SilverStripe CMS | Map Sources x | + 


localhost / > 


Search for: | Layer Geosorver WFS 5 


Add 


Create Layer Geoserver W F S' 


Search 


Enabled 


Browse 


Ciear Database before EPSG:4326 





SitverStripe CMS - Logged in as Default Admin | Profile | Log out ® 





NJ 
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GeoViewer - Backen 
Frontend 


SilverStripe CMS | Map Sources 


Home » GeoViewer X || SilverStripe CMS | Map Sources X M | 


localhost / > 


WFSLayors 


Point of Interests - Demo 


Ants 
oc 


new Opent ayers. Styte({ poimRadius: 16, externalGraphic: “geoviewer/imagesiicons Mag med pe }) 
temporary 
Mus: 16, extemalGraphic: "geoviewer/images/consag red.png^ }) 


Browse.. 


Clear Database betore 
moort 





SüwStipe CMS - Logged in as Default Admin | Profile | Log out. ® 


= 





©) 


N 
KA 
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GeoViewer - Backend / 
Frontend 


SilverStripe CMS | Feature Types 


Home » GeoViewer x | SilverStripe CMS | Feature Types * | + | 


localhost/ssgeoviewer/admin/fearuretype: D ( Q 


Add 


<% if Message %> 
«div class='message'>SMessage</div> 
<% eise %> 
«div class= YeasureintoContent> 
<n2>$Layer. Title</n2> 
<h4>Features: $FeatureiDs«m4» 
<ul> 
<li>Name ` <strong>$Feature. NAME</strong></i> 
«|i» Thumb ` $Feature. THUMBNAIL </> 
Browse 
«hu > 
<div> 
<% end if %> 


Ciear Database before 
import 


New York - Point of Interests - Demo 


http:/ /localhost/ssgeoviewer/admin/featuretypes/FeatureType/ 1/edit 


mn le a 





= 
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GeoViewer - Configure 


Apply the map to any page- type: 


DataObject::add extension('MapPage', 'MapPageDecorator'); 





Object::add extension('MapPage Controller', 'MapControllerExtension'); 


Configure proxy (for WFS request): 


Proxy Controller::set allowed host(array('localhost:8080','localhost')); 





Manage all layer connectivity via CMS 


Custom ‘MapWrapper.js’ to change OpenLayers 
behaviour 


Upload KML/GML files via assets 
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GeoViewer - Setup Template 


In your PageType template, define the map 


<h2>STitle</h2> 
SContent 
<hr /> 


<!-- This example tempate fits with black-candy well--> 


<div id="layerlist" style="width: 300px;height:400px; float:left"> 


<% include LayerList %> 


</div> 
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GeoViewer - What is next? 


e Upgrade to OpenLayers 2.11 (mobile support) 

e Security management 

e Support Queries (i.e. search/filter) capabilities 

e Integration of UMN Mapserver 

e Integrated backend map builder/preview 

e Versioning of the data model 

e WFS-T support (online web-mapping editor) 

e Map query enhancements (KML info tool, WMS/WFS info tool) 
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In terms of Geo-spatial - What 
IS next? 


SilverStripe GeoCatalog 


e Manage metadata and make metadata accessible via Open Standards 


SilverStripe GeoSpatial capabilities 


e Enable SilverStripe Framework to support OGC SimpleFeature 


SilverStripe Location Based Services capabilities 


e Enable SilverStripe to support Location Based Services (OGC OpenLBS) 


e Embrace mobile application development 
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Thank 
wO 


Email: rainer@silverstripe.com 
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